<template>
  <div class="dy-main PeriodChange_Result">
    <div class="dy-header">
      <x-header title="定活互转" :left-options="{preventGoBack:true}" @on-click-back="back"></x-header>
    </div>
    <div class="dy-body" style="background-color: #fff">
      <div class="hd">
        <div class="img-box-success">
          <img src="../../../assets/img/Account/resultSuccess.png" />
        </div>
        <p>恭喜您，定活互转成功</p>
      </div>
      <div class="md">
        <cell title="账号" :value="cardNo"></cell>
        <cell title="转存金额" :value="tranAmt"></cell>
        <cell title="存期" :value="fxdPeriod"></cell>
        <cell title="年利率" :value="fxdRate"></cell>
        <cell title="到期日" :value="endDate"></cell>
      </div>
      <div class="bd">
        <x-button class="subBtn" type="primary" action-type="button" @click.native='ruturn()'>返回</x-button>
      </div>
    </div>
    <!--<div class="dy-footer"></div>-->
  </div>
</template>
<script>

export default{
  data () {
    return {
      cardNo: '6210 **** **** 0476', // 卡号
      tranAmt: '12.000.00', // 转出金额
      fxdPeriod: '1', // 存期
      endDate: '20180505', // 到期日
      fxdRate: '0.02' // 利率
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    },
    ruturn () {
      this.$router.push({name: 'AccountManage'})
    }
  },
  created () {
    this.cardNo = this.$route.query.obj1.cardNo
    this.tranAmt = this.$route.query.obj1.tranAmt
    this.fxdPeriod = this.$route.query.obj1.fxdPeriod
    this.endDate = this.$route.query.obj1.endDate
    this.fxdRate = this.$route.query.obj1.fxdRate
  }
}
</script>
<style lang="less">
  .PeriodChange_Result {
    .dy-header {
      height: 2.28rem;
    }
    .dy-body {
      .hd {
        margin: 1.45rem auto .9rem;
        text-align: center;
        img {
          width: 1.08rem;
          height: 1.08rem;
        }
        p {
          margin-top: .28rem;
        }
      }
      .md {
        margin: 0 .45rem;
        background-color: #f7f8fa;
        .weui-cell:before {
          display: none;
        }
      }
      .bd {
        padding: 1.14rem 0 .56rem;
        .subBtn {
          width: 3rem;
          background-color: #ec1b30;
        }
        p {
          margin-top: .22rem;
          color: #999;
        }
      }
    }
  }
</style>
